<template>
  <van-swipe class="my-swipe" autoplay="2000"  indicator-color="black">
    <van-swipe-item v-for="(item,index) in swiperimg.infos.images" :key="index">
      <img :src="item.bigImgUrl" alt="">
    </van-swipe-item>
  </van-swipe>
</template>

<script>
import Vue from 'vue';
import Swiper from "swiper";
import { Swipe, SwipeItem } from "vant";

Vue.use(Swipe);
Vue.use(SwipeItem);

export default {
  props:['swiperimg']
};
</script>

<style lang="scss" scoped>
@import "../../node_modules/swiper/swiper.scss";
.my-swipe{
  width: 90%;
  height: 340px;
  padding: 0 0 .32rem;
  overflow: hidden;
  box-shadow: 0px 9px 10px 6px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
}
.van-swipe-item {
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
}
.van-swipe-item{
  float: left;
}
.van-swipe-item>img{
  width: 100%;
  margin: 0 auto;
}
</style>